*{
	margin: 0rem;
	padding: 0rem;
	text-decoration: none;
	list-style: none;
	
}
html{
	
	font-size: calc(50vw / 3.75);
}
html,body{
	background-color: #fff;
	width: 100%;
	height: 100%;
	 /*font-size:  100rem;*/
	 /*font-size: 100px;*/
	 font-family: "Microsoft YaHei" ! important;
}

.wraper{
	width: 100%;
	height: 100%;

}
/* 头部 */

  .wrapper .header{
        box-sizing: border-box;
        padding: 0rem 0.1rem;
        display: flex;
        width: 100% ;
        height: 0.88rem;
        background: #809fba;
    }	
    .wrapper .header div{
        height: 100%;
        font-size: 0.30rem;
        text-align: center;
        line-height: 0.88rem;
        color: #fff;
    }
    .con{
        flex: 8;
    }
    .arrow img{
        width: 0.41rem;
        height: 0.3rem;
        display: inline-block;
    }
    .dot img{
        width: 0.41rem;
        height: 0.09rem;
        display: inline-block;
        margin-bottom: 0.03rem;
    }
    .arrow{
        flex: 1;
        /* background: url("../img/arrow.png") no-repeat center; */
        background-size: contain;
    }
    .dot{
        flex: 1;
    }
/* 内容 */

.wrapper .wrapper-content{
	box-sizing: border-box;
	width: 100%;
	padding: 0rem 0rem 0rem 0.3rem;
	font-size:0.28rem ;
}
.wrapper .wrapper-content ul{
	display: flex;
	width: 100%;
	height: 1.1rem;
	line-height: 1.1rem;	
}
.wrapper .wrapper-content ul li{
	line-height: inherit;
	height: 100%;
	border-bottom: 0.01rem solid #e0f0f0;
}
.wrapper .wrapper-content ul li:nth-of-type(1){
	flex: 2;
	color: #333;
}
.wrapper .wrapper-content ul li:nth-of-type(2){
	flex: 7.2;
	text-align: right;
	color: #9a9a9a;
	padding-right: 0.25rem;
}

.wrapper .wrapper-content ul li:nth-of-type(3){
	flex: 0.8;
	color: #9a9a9a;
}
.wrapper-content ul li:nth-of-type(3) img{
	width: 0.2rem;
	height:0.28rem;
	transform: translateY(20%);
}

